@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0;}
body{
    margin:0px;
    padding:0px;
    text-align:left;
    color:#333333;
    font-family:"黑体";
    font-size: 16px;
}
img{ border:0}
form, input, textarea, table, h1, h3, h4, h5, h6{
    font-family:"黑体";
    font-size: 16px;
}
span{ border:0px;}
h3{ background:none;}

a{
    text-decoration: none;
    blr:expression(this.onFocus=this.blur());
    color:#6E6E6E;

}
a:hover{text-decoration:none;}
ul, li{ list-style:none; margin:0px; padding:0px;}
ul{ list-style:none; margin:0px; padding:0px;}
ul, li, dd{ list-style:none; margin:0px; padding:0px;}
ul, li, dt{ list-style:none; margin:0px; padding:0px;}
.clear{margin: 0;padding: 0;clear: both;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
a{ color:#5f5f5f;
    blr:expression(this.onFocus=this.blur());   /*    IE Opera    */
    outline:none;   /*    FF Opera    */
}
a:focus{
    -moz-outline-style: none;   /*    FF    */
}

.warp{ width:100%;background: #fff;}

.fl{ float:left}

.fr{ float:right}

/*网站头部*/



/* 头部 */
#header{
    width: 100%;
    min-width: 1280px;
    margin: auto;
    position: relative;
    z-index: 999;
    background-color: #fff;
    box-shadow: 0 0 13px 0 rgba(204,204,204,.4);
}
.headTop{
    width: 100%;
    align-items: center;
    margin: auto;
    position: relative;
}
#Hlogo{
    position: absolute;
    z-index: 999;
    width: 260px;
    height: auto;
    padding-left: 20px;
    padding-top: 20px;
}
#Hlogo >img{
    width: 198px;
}
#header > a#Hlogo >img{
    width: 198px;
}
#header > a#Hlogo{
    position: absolute;
    width: 260px;
    height: auto;
    padding-left: 20px;
    padding-top: 20px;
    float: left;
}
.Hright{
    margin-bottom: 2px;
    width: 872px;
    display: flex;
    height: 76px;
    float: right;
}
.Hright ul.Hnav{
    overflow: hidden;
    display: flex;
    margin-top: 10px;
    flex: 1;
    float: left;
}
.Hright ul.Hnav li{
    display: inline;
    float: left;
}
.Hright ul.Hnav li a{
    font-size: 15px !important;
    color: #232323;
    padding: 19px 28px;
    float: left;
    display: inline-block;
    white-space: nowrap;
}
.Hright ul.Hnav li b{
    height: 18px;
    background: url(../images/Hnavline.jpg) no-repeat right center;
    background-size: cover;
    width: 2px;
    margin-top: 22px;
    display: block;
}
.Hright ul.Hnav li:last-child a{
     background: #e41b01;
    color: #fff;
}
.Hright ul.Hnav li a:hover{
    color: red;
}
.Hright ul.Hnav li:last-child a:hover{
    color: #fff;
}
.eglist > label{
    width: 14px;
    height: 14px;
    display: table;
    float: left;
    margin: 2px 8px;
}
.eglist > label img{
    width: 14px;
    height: 14px;
}
.eglist{
    width: 72px;
    border-radius: 15px;
    text-transform: capitalize;
    margin-right: 30px;
    padding: 0px 30px;
    padding-left: 12px;
    margin-top: 18px;
    display: inherit;
    height: 42px;
    line-height: 42px;
    background: #e31b00;
}
.eglist:hover{
    background:#ff3e22;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}

.eglist a{
    color: #fff;
    font-size: 16px;
}

.nybanner{
    width: 100%;
    margin: auto;
}
.nybanner img{
    height: 100%;
}


/*首页头部幻灯片*/
@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,table,tbody,p,th,td,em{
    border-collapse: collapse;
    -webkit-text-size-adjust:none;margin:0;padding:0;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:16px;font-family:"黑体";}
html,body{ overflow-x: hidden}
img,input,button,a,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:15px;word-wrap:break-word;font-weight:normal;font-style:normal; line-height: 28px;}
a:active, a:focus{outline:none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
*html{background-image:url(about:blank);background-attachment:fixed;} /* 修正IE6振动bug */

/* slide */
.slide-main{height:898px;position:relative;}
.prev,.next{
    display: block;
    width: 44px;
    height: 44px;
    position: absolute;
    z-index: 222;
    top: 450px;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.6;
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
    _border: 1px solid none;
}
.prev img,.next img{
    width: 100%;
}
.prev{left:78px;}
.next{right:78px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:none;width:100%;height:5px;position:absolute;z-index:124;top:540px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#444;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:898px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:898px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:#ff6900;}
#bgstyleb{background:#193d85;}
#bgstylec{background:url("../images/bannner01.jpg") no-repeat left center; background-size: cover;}
.slide a{display:block;width:100%;height:898px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:352px;top:100px;}
.obj-b{top:406px;height:100px;}
.obj-c{display:block;height:582px;top:0;margin-left:-540px;}
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{
    width: 538px;
    height: auto;
    margin-left: -580px;
    top: 180px;
    z-index: 12;
}
.obj-e img,.obj-f img{
    width: 100%;
}

.obj-f{
    width: 669px;
    height: auto;
    top: 100px;
    margin-left: -20px;
}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }


/*匹配分辨率调整*/
/*@media screen and (max-device-width: 400px) {*/
    /*#bgstylec{background-size: cover;}*/
/*}*/
/*@media (max-width: 768px){*/
    /*#bgstylec{background-size: cover;}*/
/*}*/

/*首页新闻*/
.Hnews{
    overflow: hidden;
    width: 100%;
    position: relative;
    margin-top:-162px;
    z-index: 99;
}
.HnewsLf{
    width: 32%;
    height: 268px;
    float: left;
    background: #e31b01;
}
.HnewsLf label{
    display: table;
    float: right;
    margin-top: 30px;
    color: #fff;
    white-space: nowrap;
    margin-right: 30px;
    font-size: 28px;
    font-family: "黑体";
}
.HnewsRh{
    width: 68%;
    float: right;
    background:url("../images/newsJiao.png")no-repeat left bottom;
    background-size: contain;
}
.HnewsRh h1{
    width: 252px;
    height: 96px;
}
.HnewsRh h1 a{
    display: table;
    float: right;
    height: 32px;
    width: 33px;
    margin: 32px 70px 0 0;
}
.HnewsRh h1 a img{
    width: 100%;
}

#auto-scroll{
    width:970px;
    padding:0px 10px;
    overflow:hidden;
    height:172px;
    position: relative;
    background:url("../images/newsJiao.jpg") #fff no-repeat left bottom;
    background-size: contain;
}

#auto-scroll ul{
    width: 90%;
    padding-left:110px;
}
#auto-scroll ul li{
    line-height:60px;
    border-bottom:1px #c5c5c5 solid;

}
#auto-scroll ul li a{
    font-size:16px;
    color:#5a5a5a;
}
#auto-scroll ul li span{
    font-size:16px;
    font-weight: bold;
    margin-right: 60px;
    color: #282828;
}
#auto-scroll ul li a:hover{
    color: red;
}

/*首页公司概貌*/
.ItroLeft >div.animatedmao{
    animation-name: fadeInLeft;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: both;
}
.introCon{
    width: 100%;
    margin: auto;
    overflow: hidden;
    padding: 80px 0px;
}

.ItroLeft{
    width: 50%;
    position: relative;
    float: left;
}
.ItroLright{
    float: right;
    width: 485px;
}
.ItroLright h1{
    font-family: "黑体";
    font-size: 20px;
    width: 380px;
    font-weight: bolder;
    line-height: 42px;
    color: #333333;
}
.ItroLright p{
    padding: 22px 0;
    font-size: 16px;
    line-height: 28px;
    color: #000;
}
.ItroLright ul.introNav{
    overflow: hidden;
}
.ItroLright ul.introNav li{
    width: 246px;
    height: 48px;
    line-height: 48px;
    margin: 15px auto;
    transform: skew(-25deg);
    background: #1b2d72;
    position: relative;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;

}
.ItroLright ul.introNav li a{
    text-align: center;
    display: block;
    transform: skew(25deg);
    font-weight: bolder;
    font-style:normal;
    color: #fff;
    font-size: 16px;
    font-family: "黑体";
}
.ItroLright ul.introNav li b{
    position: absolute;
    width: 102px;
    height: 1px;
    background: #333333;
    right: -50px;
    top: 25px;
}
.ItroLright ul.introNav li:hover{
    background-color: #e31b01;
}

.ItroRight{
    width: 50%;
    float: right;
    background:url("../images/IntroductPic.png") no-repeat right center;
    background-size: contain;
    height:480px;
}

/*首页产品展示*/
.CaseHome{
    width: 100%;
    height:700px;
    overflow: hidden;
    background:url("../images/productBj.png") no-repeat center 1em;
    background-size: contain;
}
.caseTit{
    width:1100px;
    margin:auto auto 60px;
}
.caseTit label{
    font-size:32px;
    font-weight:bolder;
    color: #333333;
}
.caseTit >div{
    float: right;
    width: 248px;
    margin-right: 51px;
    height: 48px;
    line-height: 48px;
    transform: skew(-25deg);
    background: #1b2d72;
    position: relative;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.caseTit >div b{
    position: absolute;
    width: 102px;
    height: 1px;
    background: #333333;
    right: -50px;
    top: 25px;
}
.caseTit >div a{
    display: block;
    transform: skew(25deg);
    text-align: center;
    font-weight: bolder;
    font-style:normal;
    color: #fff;
    font-size: 16px;
}
.caseTit >div:hover{
    background-color: #e31b01;
}

.main{width:1100px; margin:0 auto; height: 500px; position: relative;}
.title{font-size:24px; margin-bottom: 1em; text-align: center;}
.img-count,.img-count img{position:relative;}
.img-count-in{ position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;height:100%; *height:100%;}

.w-newsList1{position: relative;}
.w-newsList1 a{ display: block;position:inherit; text-decoration: none; color: #333;}
.w-newsList1 .news-item{ position:relative;}
.w-newsList1 .news-imgbox{ width:58%;}
.w-newsList1 .news-imgbox img{
    /*transition:transform 3.5s; -webkit-transition:transform 3.5s;transform:scale(1.1); -webkit-transform:scale(1.1);*/
}
.w-newsList1 .swiper-slide.swiper-slide-active .news-imgbox img{
    animation-name: fadeInLeft;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: both;
    transform:scale(1);
    -webkit-transform:scale(1);
}
.w-newsList1 .aspectRatio{padding-bottom:500px;}
.w-newsList1 .news-text{ background: url("../images/productLeftjiao.png") no-repeat left top; background-size: contain;
    position: absolute; right:-100px; width:602px; top: 50%;top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%);
    padding:20px 18px 0px 78px;
    overflow:hidden;}
:root .w-newsList1 .news-text{ top:360px;}
.w-newsList1 .date{
    line-height: 40px;
    margin-bottom: 12px;
    margin-left: 35px;
    width: 488px;
}
.w-newsList1 .date .year{
    font-size: 20px;
    font-weight: bold;
    color: #000;
    margin: 5px auto;
}
.w-newsList1 .date .day_month{
    font-size: 15px;
    color: #fff;
    display: table-cell;
    line-height: 25px;
    padding: 1px 50px 1px 20px;
    background: #e31b00;
}
.w-newsList1 .news-h{font-size:24px; font-weight: bold; line-height: 1.4; height:2.8em; overflow: hidden; margin-bottom: 0.3em;}
.w-newsList1 .news-sum{
    font-size: 15px;
    width: 500px;
    margin-bottom: 16px;
    line-height: 28px;
    height: auto;
    overflow: hidden;
    color: #000;
    font-weight: bold;
    padding-left: 38px;
}
.w-newsList1 .more{
    width: 51px;
    height: 51px;
    margin-right:50px;
    float: right; background: url("../images/productMore.png") no-repeat;
    background-size: contain;
}
.w-newsList1 .adSN_page{ position: absolute; z-index: 9; left:50%; bottom:50%; margin-bottom: -123px; top: auto; transform: none; -webkit-transform: none; width:35%; padding-left: 4%; }
.w-newsList1 .adSN_page span{ display: inline-block; *display:inline; *zoom:1; margin:0 6px;font-size: 18px;}
.w-newsList1 .swiper-num{
    position: absolute;
    z-index: 9;
    right: 40px;
    /* padding-left: 10px; */
    font-size: 15px;
    font-weight: bold;
    top: 65%;
    color: #e31b00;
}
.w-newsList1 .swiper-num .active{
    font-size: 18px;
    font-weight: bold;
    margin-right: 6px;
}

.w-newsList1 .more:hover{
    background: url("../images/productMoreHover.png") no-repeat;
    background-size: contain;
}
.priline{
    width: 102px;
    height: 2px;
    background: #555455;
    position: absolute;
    top: 90px;
    left: 0;
    margin-left: -20px;
    z-index: 999;
}

/*首页维修/大修*/
.WeiXiu{
    width: 100%;
    margin: 50px auto;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: row;
}
.WxLeft{
     width:983px;
    position: relative;
    float: left;
}
.WxRight{
    width: 844px;
    float: left;
    height: 448px;
    background:url(../images/WxRight.png) no-repeat left top;
    background-size: cover;
    margin-left: -320px;
    margin-top: 80px;
    position: relative;
    z-index: 99;
}
.WxRight label{
     color: #e41600;
    font-size: 25px;
    font-weight: bold;
}
.WxRight h1{
    color: #333333;
    font-size: 25px;
    padding: 2% 0;
    line-height: 38px;
}
.WxRight p{
    font-size: 15px;
     color: #343434;
    line-height: 32px;
}
.wxrCon{
    top: 38px;
    width: 438px;
    left: 100px;
    padding: 20px 100px;
    position: absolute;

}
.weixiuMore{
    height: 48px;
    line-height: 48px;
    position: relative;
    margin-top: 32px;
    width: 168px;
    float: right;
    transform: skew(-25deg);
    background: #1b2d72;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.weixiuMore a{
    text-indent: 3em;
    display: block;
    transform: skew(25deg);
    font-weight: bolder;
    font-style:normal;
    color: #fff;
    font-size: 16px;
}
.weixiuMore:hover{
    background-color: #e31b01;
}

/*底部公用代码*/
.ftCon{
    overflow: hidden;
    margin: auto;
    width:1100px;
}
.FtopCon{
    display: flex;
    margin:auto auto 5% auto;
    overflow: hidden;
}

.FbtomCon{
    width: 100%;
    overflow: hidden;
    background: #000000;

}
.FbtomCon >div{
    /*display: flex;*/
    font-size: 12px;
    text-align: center;
    padding: 10px 0;
    color: #fff;
}

.FtLeftcopy{
    width: 485px;
    float: left;
    padding-top: 6%;
    background: url(../images/erweima.jpg) no-repeat right 68px;
}
.FtLeftcopy label{
    color: #000;
    display: block;
    font-size: 18px;
    line-height: 42px;
    padding: 3px 0;
    border-bottom: 2px solid #e73737;
    margin-bottom: 3%;
}
.FtLeftcopy >h1{
    width: 206px;
    display: block;
}
.FtLeftcopy p{
    line-height: 28px;
    font-size: 14px;
    width: 100%;
    color: #090909;
    float: left;
}
.FtLeftcopy p.adressico >strong{
    width: 14px;
    float: left;
    margin: 3px 8px 0px auto;
    height: 26px;
    display: block;
}
.FtLeftcopy p.telIco >strong{
    width: 13px;
    float: left;
    margin: 4px 10px 4px auto;
    height: 16px;
    display: block;
}
.FtLeftcopy p.chuanzhenIco >strong{
    width:17px;
    float: left;
    margin: 4px 6px 4px auto;
    height: 17px;
    display: block;
}
.FtLeftcopy p.emailIco >strong{
    width: 16px;
    float: left;
    margin: 2px 8px 4px auto;
    height: 11px;
    display: block;
}

.FtopCon ul.FtRightNav{
    width: 640px;
    margin-top: 128px;
    float: right;
    margin-left: 50px;
    overflow: hidden;
}
.FtopCon ul.FtRightNav > li{
    width: 25%;
    display: inline;
    float: left;
}
.FtopCon ul.FtRightNav li label{
    font-size: 14px;
    font-weight: bold;
    line-height: 32px;
    color: #000;
}
.FtopCon ul.FtRightNav > li ul#fnav1{
    overflow: hidden;
    margin-top: 3%;
    width: 100%;
}
.FtopCon ul.FtRightNav > li ul#fnav1 >li{
    display: inline;
    float: left;
    line-height: 28px;
    width: 100%;
}
.FtopCon ul.FtRightNav > li ul#fnav1 >li a{
    font-size: 12px;
    color: #000;
    line-height: 22px;
}
.FtopCon ul.FtRightNav > li ul#fnav1 >li a:hover{
    color: red;
}

/*公司概况*/
.Introjs{
    position: relative;
    background: url("../images/IntrojsBJ.png") no-repeat left top;
    background-size: contain;
    width: 100%;
    height: auto;
    margin: auto;
}

.IntroCon{
    position:inherit;
    width: 1132px;
    overflow: hidden;
    height: auto;
    margin: auto;
}
.intext{
    width: 520px;
    padding-left: 53%;
    color: #000;
    line-height: 32px;
    font-size: 16px;
    margin: 108px auto;
}
.IntroCon >label{
    /*width: 50%;*/
    width: 550px;
    float: left;
    margin: 132px auto;
}
.intextPic{
     position: relative;
    height: 296px;
    padding-bottom: 200px;
}

.intXF{
    top:268px;
    left: 2%;
    z-index: 99;
    position: absolute;
    width: 628px;
    border-top: 5px solid #e41b01;
    background: #fff;
    line-height: 2.5;
    margin: 0 auto;
    transform: skew(-10deg);
}
.intXFcon{
    /*width: 85%;*/
    width: 552px;
    overflow: hidden;
    margin: auto;
    /*min-height: 200px;*/
    line-height: 200%;
    padding-left: 2%;
    transform: skew(10deg);
}
.intXFcon h1{
    font-size: 26px;
    color: #333333;
    line-height: 60px;
    padding: 20px 0;
}
.intXFcon h1 > span{
    color: #ea533e;
    padding-left: 3%;
    font-weight: bold;
    font-style:italic
}
.intXFcon p{
    color: #000;
    font-size: 16px;
    line-height: 30px;
    height: 190px;
}
.ysR{
    right: -38.2%!important;
    left: 0 !important;
    top: 210px;
}
.IntroCon .intextPic:nth-child(3){
    margin: 5% 0;
}

.intextPic img{
    width: 100%;
}

.wd1200 label{
    max-width: 1132px;
    /*width: 49.9%;*/
    float: left;
}
.wd1200{
    width: 1130px;
    margin: 60px auto;
    overflow: hidden;
}
.licheng{
    position: relative;
    background: url("../images/lichengBJ.png") no-repeat left top;
    width: 100%;
    height: auto;
    margin: 3% auto 3% auto;
    background-size: contain;
}

/*公司概况 发展历程*/
.time-axis{
    margin: 0;
    padding: 0;
    position: relative;
}
.time-axis-title{
    font-size: 16px;
}

.time-axis:before{
    content: '';
    position: absolute;
    z-index: 99;
    left: 156px;
    top: 15px;
    width: 1px;
    height: 100%;
    background-color: #e51900;
}
.time-axis-item{
    list-style: none;
    padding-left: 198px;
    position: relative;
    line-height: 45px;
}
.time-axis-achievement{
    position: absolute;
    width: 48px;
    left: 150px;
    height: 1px;
    border-bottom: 1px dashed #c8c8c8;
    top: 22px;
}
.time-axis-date{
    font-size: 22px;
    color: #e10000;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
}

.time-axis-date span{
    position: absolute;
    z-index: 9;
    right: -110px;
    top: 14px;
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #ccc;
    border-radius: 100%;
    background-color: #e51900;
}
.time-axis-date span:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 7px;
    height: 7px;
    margin: auto;
    background-color: #e51900;
    border: 1px solid #e51900;
    border-radius: 100%;
}

.time-axis-item:last-child .time-axis-date span{
    border-color: #e51900;
}

.time-axis-item:last-child .time-axis-date span:after{
    background-color: #e51900;
    border-color: #e51900;
}


/*客户支持*/
.kehubj{
    background: url(../images/IntrojsBJ.png) repeat-y left top;
    padding-top: 4%;
    background-size: contain;
}
.KHcon{
    top: 26%;
    left: 445px;
    z-index: 99;
    position: absolute;
    width: 615px;
    border-top: 4px solid #e41b01;
    background: #fff;
    line-height: 28px;
    margin: 0 auto;
    transform: skew(-10deg);
}
.KeHuzcCon{
    width: 1100px;
    margin: auto;
    overflow: hidden;
    position: relative;
    margin-top: 2%;
}
.KeHuzcCon >label{
    display: block;
    width: 55.33%;
    margin-bottom: 3%;
}
.KHconLeft{
    float: left;
    position: relative;
    width: 540px;
}
.KHconLeft img{
    width: 100%;
}
.KHconRight{
    width: 85%;
    overflow: hidden;
    margin: auto;
    line-height: 2.2;
    padding-bottom: 5%;
    padding-left: 2%;
    transform: skew(10deg);
}
.KHconRight h1{
    display: block;
    font-size: 30px;
    width: 100%;
    float: left;
    color: #333333;
    line-height: 70px;
    padding: 8px 0;
    position: relative;
}
.KHconRight h1 strong{
    display: block;
    float: left;
    margin-right: 10px;
    height: 68px;
    padding-top: 12px;
}
.KHconRight h1 > span{
    color: #ea533e;
    font-size: 16px !important;
    padding-left: 5%;
    font-weight: bold;
    font-style: italic;
}
.KHconRight p{
    color: #000;
    font-size: 16px;
    line-height: 30px;
    float: left;
    display: block;
}
.kehRight{
    float: right;
}
.kehu02{
    background: none;
}
.kehu02 >div.KHcon{
    left: 8% !important;
    right: auto;
}
.kehu03{
    background:none;
}

/*客户支持.销售网络*/
.saleWeb{
    width: 1100px;
    margin:5% auto;
    overflow: hidden;
    position: relative;
}
.saleWeb >label{
    display: block;
    width: 49.6%;
    padding-bottom: 2%;
}
.saleAdress{
    width: 550px;
    float: left;
}
.saleAdress label{
    display: block;
    border-bottom: 6px solid #ededed;
    position: relative;
    margin-bottom: 4%;
}
.saleAdress label strong{
    font-size: 25px;
    color: #000;
    padding: 18px 0;
    line-height: 64px;
    bottom: 0;
    border-bottom: 4px solid #e41b01;
}

.saleAdress p{
    line-height: 38px;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
}

.saleAdress p.adressico >strong{
    width: 14px;
    float: left;
    margin: 3px 10px 4px auto;
    height: 18px;
    display: block;
}
.saleAdress p.telIco >strong{
    width: 13px;
    float: left;
    margin:2px 12px 4px auto;
    height: 16px;
    display: block;
}
.saleAdress p.chuanzhenIco >strong{
    width: 17px;
    float: left;
    margin: 3px 8px 4px auto;
    height: 17px;
    display: block;
}
.saleAdress p.emailIco >strong{
    width: 16px;
    float: left;
    margin: 1px 9px 4px auto;
    height: 11px;
    display: block;
}

.saleAdress p.webUrlico >strong{
    width: 15px;
    float: left;
    margin: 2px 10px 4px auto;
    height: 16px;
    display: block;
}

.salePic{
    position: relative;
    float: right;
    margin: auto;
}

.downWord{
    width: 100%;
    margin: auto;
    overflow: hidden;
    padding: 6% 0;
    background: #ededed;
}
.downTex{
    width: 1100px;
    margin: auto;
    overflow: hidden;
}
.downLeft{
    width: 550px;
    float: left;
    padding-top: 8%;
}
.downLeft >label{
    display: block;
    width: 540px;
    height: 79px;
}
.downLeft h2{
    font-size: 28px;
    color: #000;
    font-weight: bold;
    display: block;
    padding: 18px 0 5px;
    line-height: 55px;
}
.downLeft p{
    font-size: 16px;
    font-weight: bold;
    color: #000;
    line-height: 28px;
}
.downRight{
    float: right;
}
.salePic{
    width: 528px;
}
.downRight{
    width:550px;
    float: left;
}
.salePic img,.downRight img{

}
.dword{
    width: 388px;
    height: 48px;
    line-height: 48px;
    left: 20px;
    margin: 20px auto;
    transform: skew(-25deg);
    background: #e41b01;
    position: relative;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    margin-top: 6%;
}
.dword b{
    position: absolute;
    width: 102px;
    height: 1px;
    background: #333333;
    right: -50px;
    top: 24px;
}
.dword a{
    text-indent: 3em;
    display: block;
    transform: skew(25deg);
    font-weight: bolder;
    font-style:normal;
    color: #fff;
    font-size: 15px;
}
.dword:hover{
     background: #ff3e22;
}

/*内页新闻中心*/
.abNews{
    max-width: 1100px;
    width: 1100px;
    height: auto;
    margin:20px auto;
    overflow: hidden;
}

.abNews ul.abNewsNav{
    overflow: hidden;
}
.abNews ul.abNewsNav li{
    width: 100%;
    display: inline;
    float: left;

}
.abNews ul.abNewsNav li b{
    height:5px ;
    background: url("../images/newsbtomline.jpg") repeat-x left bottom;
    background-size: contain;
    width: 100%;
    display: block;
}
.abNews ul.abNewsNav li a{
    display: block;
    overflow: hidden;
    line-height: 72px;
}
.abNews ul.abNewsNav li a span{
    font-size: 16px;
    color: #5f5f5f;
    float: left;
}
.abNews ul.abNewsNav li a span img{
    margin-top: 28px;
    width: 50px;
    float: left;
    display: table;
    margin-right: 32px;
}
.abNews ul.abNewsNav li a label{
    font-size: 16px;
    margin-right: 30px;
    float: left;
    color: #343434;
}
.abNews ul.abNewsNav li a:hover label,.abNews ul.abNewsNav li a:hover span{
    color: red;
}

/*案列展示*/
.ProductList{
    position: relative;
    background: url("../images/IntrojsBJ.png") no-repeat left top;
    width: 100%;
    height: auto;
    margin: auto;
    background-size: contain;
}
.ProList{
    width: 1100px;
    height: auto;
    margin: auto;
}
.ProDesc{
    margin: 50px auto;
    font-size: 17px;
    line-height: 32px;
    color: #333333;
}
.ProdNav{
    margin: 55px auto;
    overflow: hidden;
}
.rbzhiz{
    margin: 55px auto;
    overflow: hidden;
}
.ProDesc h1{
    font-size: 34px;
    color: #333333;
    line-height: 80px;
}
.ProdNav >label{
    width: 550px;
    height: 70px;
    padding-bottom: 55px;
    display: block;
}
.ProdNav ul{
    overflow: hidden;
    width: 100%;
    margin: auto;
}
.ProdNav ul li{
    display: inline;
    float: left;
    width: 22.6%;
    margin: 13px;
}
.ProdNav ul li a{
    display: block;
    overflow: hidden;
}
.ProdNav ul li a strong{
    display: block;
}
.ProdNav ul li a strong img{
    display: block;
    width: 100%;
    margin: auto;
}
.ProdNav ul li a h2{
    background: #e41b01;
    color: #fff;
    font-size: 14px;
    text-indent: 1em;
    line-height: 24px;
    font-weight: bold;
}
.ProdNav ul li a .ProT{
    overflow: hidden;
    color: #343434;
    line-height: 48px;
    font-size: 17px;
    font-weight: bold;
    padding: 2% 0;
}
.ProdNav ul li a .ProT span{
    float: right;
    margin-top: 3%;
}

/*产品展示详情*/
.ProDeite{
    width: 1100px;
    display: flex;
    height: auto;
    overflow: hidden;
    margin:3% auto 1% auto;
}
.proDpic label{
    font-size: 24px;
    line-height: 70px;
    color: #323232;
}
.ProDleft{
    /*width: 74.8%;*/
    width: 820px;
    height: auto;
    float: left;
}
.proDright{
    width: 258px;
    height: auto;
    float: right;
    margin-left: 38px;
}
.proDpic{
    overflow: hidden;
}

.proDpic p>img,.proDpic img{
    width:550px;
    margin: auto;
    display: table;
}
.proTedian{
    width: 100%;
    overflow: hidden;
}
.proTedian h1{
    overflow: hidden;
    display: block;
    position: relative;
    margin: 32px auto;
}
.proTedian h1 label{
    color: #333333;
    font-size: 23px;
    font-weight: bold;
    padding: 20px 0;
    display: block;
}
.proTedian h1 span{
    font-size: 15px;
    color: #e42b0d;
    margin-left: 12px;
    font-style: italic;
}
.proTedian h1 >b{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 5%;
    height: 4px;
    border-left: 240px solid #e41b01;
    background: #ededed;
}
.proTeDesc{
    /*padding: 2%;*/
}
.proTeDesc p{
    color: #000000;
    font-size: 18px;
    line-height: 40px !important;
}
.proTeDesc p strong{
    font-size: 22px;
}
.cpCanshu{
    overflow: hidden;
    margin: 5% auto;
}
.cpCanshu p img,.cpCanshu p{
    width: 100%;
}
.cpCanshuTit{
    margin: 5% auto;
}
.cpCanshuTit h3{
    color: #e41b01;
    font-size: 14px;
    line-height: 38px;
    font-weight: bold;
}
.cpCanshuTit h1{
    font-size: 25px;
    color: #323232;
}

.ProOthers{
    background: none;
    padding-top: 0;
}
.ProOthers ul li a div.ProT label{
    font-size: 17px;
}
.ProOthers ul li a div.ProT span img{

}
.otherTit{
     display: table;
    margin: auto;
    text-align: center;
}
.otherTit label{
    color: #e51c00;
    line-height: 50px;
    font-size: 24px;
    font-weight: bold;
}
.otherTit > p{
    color: #000;
    font-size: 16px;
}
#proRigNav{
    overflow: hidden;
    width: 100%;
    margin: auto;
}
#proRigNav li{
    display: inline;
    float: left;
    width: 100%;
    margin: 3.2% auto;
}
#proRigNav li a{
    display: block;
    overflow: hidden;
    position: relative;
}

#proRigNav li a strong{
    display: block;
    padding:8% 12%;
}
#proRigNav li a strong img{
    display: block;
    width: 100%;
}
#proRigNav li a h2{
    background: #e41b01;
    color: #fff;
    font-size: 100%;
    text-indent: 1em;
    line-height: 2.1;
    font-weight: bold;
}
#proRigNav li a .ProT{
    overflow: hidden;
    color: #343434;
    line-height: 45px;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 0;
}
#proRigNav li a .ProT span{
    float: right;
    margin-top: 3%;
    margin-right: 1%;
}
#proRigNav ul li a div.ProT label{
    font-size: 100%;
}
#proRigNav ul li a div.ProT span img{
    width: 80%;
}
.proDright > h1,.proRigNews h1{
    height: auto;
    color:#fff;
    font-weight: bolder;
    font-size:16px;
    text-indent: 1em;
    overflow: hidden;
    line-height: 38px;
   background:linear-gradient(-70deg,transparent 20px, #e41b01 0);
}

.proRigNews{
    width: 100%;
    margin-top: 15%;
    overflow: hidden;
}
.proRigNews >ul.abNewsNav{
    width: 254px;
}

.proRigNews >ul.abNewsNav li{
    margin: 3% auto;
}
.proRigNews >ul.abNewsNav li a{
    line-height: 42px;
    display: block;
    padding: 0 0 15px 0;
}
.proRigNews >ul.abNewsNav li a label{
    font-size: 12px;
    color: #cecece;
}
.proRigNews >ul.abNewsNav li a span{

}
.proRigNews >ul.abNewsNav li a span img{
    margin-top:12px;
    width: 50px;
    height: 15px;
    float: left;
    display: table;
    margin-right:14px;
}
.proRigNews >ul.abNewsNav li a p{
    line-height: 25px;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}

/*新闻内页*/
.newsxq{
    width: 100%;
}
.newsxq ul.abNewsNav li a span{
   float: left;
}
.newsInfo{
    margin-bottom:60px;
    line-height: 28px;
    color: #6e6e6e;
    font-size: 15px;
}

/*列表翻页*/
.quotes{
    display: table;
    margin:6% auto auto;
    text-align: center;
}
.quotes li{
    display: inline;
    float: left;
}
.quotes li span{
    display: block;
    padding: 12px 8px;
    margin: auto 5px;
    color: #fff;
    font-size: 15px;
    cursor: default;
    background-color: #e10000;
    border: 1px solid #e51f1e;
}
.quotes li a:hover{
    color: #fff;
    background-color: #e10000;
    border: 1px solid #e51f1e;
}
.pageNum >.quotes li.page-item a{
    display: block;
    padding: 12px 8px;
    margin: auto 5px;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    background-color: #ececec;
    border: 1px solid #e51f1e;
}
.quotes li a{
    cursor: pointer;
    font-size: 15px;
    display: block;
    padding: 12px 8px;
    margin: auto 5px;
    color: #e10000;
    background-color: #fff;
    border: 1px solid #e51f1e;
}

/*产品详情里面 其他产品特效滚动*/
/* scrollpic */
.scrollpic{
    margin-top: 3em;
    overflow: hidden;
    position: relative;
}
#myscroll{display:block; width:100%; position:relative; height:210px; overflow:hidden;}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0;}
#myscroll ul{display:block; float:left; list-style-type:none; margin:0;width: auto; overflow: auto;}
#myscroll ul li{display:block; float:left; padding:0; width: auto; margin: auto}
#myscroll ul li a{
    display: block;
    float: left;
    width: 183px;
    padding: 0 0px;
    position: relative;
    height: auto;
    color: #333;
    padding-right: 9px;
    padding-left: 9px;
}
#myscroll a .intro{position:absolute; left:0; z-index:10; background-color:rgba(255,255,255,.80); padding:0 10px;}
#myscroll a .intro h5{padding:0; margin:0; font-size:16px; font-weight:bold; padding:0 47px 0 15px; background:url(images/go.png) right no-repeat; height:40px; width:180px; line-height:40px; border-bottom:1px solid rgba(215,0,15,.2);}
#myscroll a .intro p{font-size:13px; line-height:20px; margin:10px 15px; height:40px; overflow:hidden;}
#myscroll a .intro{bottom:-61px;}
#myscroll a:hover .intro{bottom:0px;}

#mybtns{width:100%; display:block; height:1px; position: absolute; top: 5em; z-index: 999;}
#mybtns a{width:42px; height:42px; display:block; float:left; margin-right:1px; background-color: #c1c1c1;}
#mybtns a:hover{background-color: #d7000f;}
#mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox{ margin: auto !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    float: right;
}
#mybtns #left{position: absolute;left: 0; display: table;width: 42px;height:42px;}
#mybtns #right{ display: table;width: 42px;height:42px;}

/*产品参数表格*/
.ke-zeroborder{border-right:1px solid #000000;border-bottom:1px solid #000000}
.ke-zeroborder tr td{border-left:1px solid #000000;border-top:1px solid #000000;color: #616161;}
.ke-zeroborder tr td span{
    color: #616161 !important;
}
.ke-zeroborder tr.firstRow td{
    line-height:50px;
    background-color: #a6a6a6;
}
.ke-zeroborder td{
    line-height: 42px;
}

/*当前栏目定位*/
.bread_nav{
    width: 1100px;
    margin:0.5em auto;
    text-align: right;
}
.bread_nav a{
    color: #494949;
    font-size: 15px;
}
.bread_nav i{
    color: red;
    padding: 0 1px;
}